<template>
  <div>
    <el-container>
      <el-header class="titlestyle"> 病例管理系统 <el-button type ="info" style="width: 10%" @click="tuichu">退出</el-button></el-header>

      <el-container>
        <el-aside width="200px">
          <!-- 菜单点击事件 -->
          <el-menu @select="menuClick">
            <el-submenu index="1">
              <template slot="title"
              ><i class="el-icon-ice-cream-round">学生管理</i></template
              >
              <el-menu-item index="/register">体检信息</el-menu-item>
              <el-menu-item index="/addPeople">添加体检信息</el-menu-item>
              <el-menu-item index="/bingLi">病例信息</el-menu-item>
              <el-menu-item index="/addBingLi">添加病例信息</el-menu-item>
            </el-submenu>

            <el-submenu index="2">
              <template slot="title"><i class="el-icon-lollipop">数据分析</i></template>
              <el-menu-item index="/personal">体检信息查询</el-menu-item>
              <el-menu-item index="/personalTwo">病例信息查询</el-menu-item>
<!--              <el-menu-item index="/selectOne">病例信息查询</el-menu-item>-->

            </el-submenu>
          </el-menu>
        </el-aside>

        <router-view />
      </el-container>
    </el-container>
  </div>
</template>

<script>
export default {
  methods: {
    tuichu () {
      this.$router.push('/')
    },
    menuClick(index) {
      this.$router.push(index);
    },
    tableHeaderColor({ row, column, rowIndex, columnIndex }) {
      return 'background-color:lightblue;color:#fff;font-wight:500;font-size:20px;text-align:center'
    }
  },
  data() {
    const item = {
    };
    return {
      tableData: Array(1).fill(item)
    }
  }
};
</script>

<style scoped>
.el-header {
  background-color: rgb(78, 70, 70);
  color: #333;
  line-height: 60px;
  font-size: 40px;
}

.el-table-column {
  margin: auto;
  width: 100px;
}

.titlestyle {
  text-align: center;
  margin-top: 0;
  color: rgb(51, 216, 216);
  letter-spacing: 0;
  text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777,
  0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333,
  0px 8px 7px #001135;
}

.el-aside {
  color: #333;
}
</style>
